{% load static %}

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>{% block title %} YYin {% endblock %}</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="{% static 'bbs/css/animate.css' %}" />
    <link rel="stylesheet" href="{% static 'bbs/css/style1.css' %}">
</head>
<body>

<!-- <div class="navbar navbar-default navbar-static-top" role="navigation">    [> 置于页面顶部的导航栏 <] -->
<div id="header" class="navbar navbar-inverse navbar-fixed-top" role="navigation">     <!-- 固定不变永远置顶的导航栏 -->
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="index.html" class="navbar-brand">个人博客</a>
        </div>

        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="index.html">首页</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">文章<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Java</a></li>
                        <li><a href="#">C</a></li>
                        <li><a href="#">PHP</a></li>
                        <li class="divider"></li>
                        <li class="dropdown-header">Linux</li>
                        <li><a href="#">RedHat</a></li>
                        <li><a href="#">Ubuntu</a></li>
                    </ul>
                </li>
                <li><a href="#">视频</a></li>
                <li><a href="#">关于</a></li>
            </ul>
            <form class="navbar-form navbar-left" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">留言</a></li>
                <li class="active"><a href="{% url 'bbs:login' %}">登录</a></li>
            </ul>
        </div>
    </div>
</div>

<div id="right_tool">
    <ul style="list-style:none">
    <li class="well" id="rtop"><i class="glyphicon glyphicon-chevron-up"></i></li>
    <li class="well right_tool_list"><i class="glyphicon glyphicon-list"></i></li>
    <li class="well"><i class="glyphicon glyphicon-heart">o</i></li>
    </ul>
</div>

<div id="right_list" class="hide animated slideLeft">
    <ul class="list-group">
        <li class="list-group-item">Java</li>
        <li class="list-group-item">PHP</li>
        <li class="list-group-item">C</li>
        <li class="list-group-item">C++</li>
        <li class="list-group-item">SHELL</li>
    </ul>
    <ul class="list-group">
        <li class="list-group-item">Java</li>
        <li class="list-group-item">PHP</li>
        <li class="list-group-item">C</li>
        <li class="list-group-item">C++</li>
        <li class="list-group-item">SHELL</li>
    </ul>
</div>

<div class="container" style="margin-top:70px">

    <div class="path panel panel-default panel-body">
        根目录&emsp;/&emsp;文章
    </div>


    {% block content %}
    {% endblock %}




    <nav aria-label="Page navigation" class="row text-center">
    <ul class="pagination">
      <li><a href="#"><span aria-hidden="true">&laquo;</span></span></a></li>
       <li><a href="#">1</a></li>
       <li><a href="#">2</a></li>
       <li><a href="#">3</a></li>
       <li><a href="#">4</a></li>
       <li><a href="#">5</a></li>
       <li class="active"><a href="#">6</a></li>
       <li><a href="#">7</a></li>
       <li><a href="#">8</a></li>
       <li><a href="#">9</a></li>
       <li><a href="#">10</a></li>
       <li><a href="#">11</a></li>
       <li><a href="#"><span aria-hidden="true">&raquo;</span></span></a></li>
       <li><a href="#">38</a></li>
       <li><a href="#">总记录数: <span style="color:red">186</span> 条</a></li>
    </ul>
    </nav>


</div>

<div id="footer">
</div>

<script type="text/javascript" src="{% static 'bbs/js/jquery-2.1.4.min.js' %}"></script>
<script type="text/javascript" src="{% static 'bbs/js/bootstrap.min.js' %}"></script>
<script type="text/javascript" src="{% static 'bbs/js/headroom.min.js' %}"></script>
<script type="text/javascript" src="{% static 'bbs/js/main.js' %}"></script>
</body>
</html>

